﻿<!DOCTYPE HTML>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>backbone training</title>
	<link rel="stylesheet" href="content/css/bootstrap.min.css">
	<link rel="stylesheet" href="content/css/bootstrap-responsive.min.css">
	<link rel="stylesheet" href="content/css/index.css">
</head>
<body>
<div>
	<h1>product list</h1>
	<div id="testCoupleList">
		<a href="#" class="btn J_load">load data</a>
		<table class="table table-striped table-bordered table-condensed J_tb">
			<tr>
				<th>Product ID</th>
				<th>Retailer Name</th>
				<th>Retailer URL</th>
				<th>Category</th>
				<th>Comment</th>
				<th>Action</th>
			</tr>
			<tr class="J_tip">
				<td  colspan="8">
					<div class="alert alert-block">loading...</div>
				</td>
			</tr>
		</table>
	</div>
</div>




<!-- lib -->
<script type="text/javascript" src="scripts/lib/jquery.js"></script>
<script type="text/javascript" src="scripts/lib/jquery.tmpl.js"></script>
<script type="text/javascript" src="scripts/lib/simplemodal-1.4.2.js"></script>
<script type="text/javascript" src="scripts/lib/underscore.js"></script>
<script type="text/javascript" src="scripts/lib/backbone.js"></script>
<script type="text/javascript" src="scripts/lib/backbone-forms.js"></script>

<!-- mod -->
<script type="text/javascript" src="scripts/mod/base.js"></script>
<script type="text/javascript" src="scripts/mod/template.js"></script>
<script type="text/javascript" src="scripts/mod/view.js"></script>
<script type="text/javascript" src="scripts/mod/model.js"></script>
<script type="text/javascript" src="scripts/mod/collection.js"></script>

<!-- app -->
<script type="text/javascript">
var a = new XO.view['testCoupleList']({el : '#testCoupleList'})

</script>
</body>
</html>